<template>
  <div class="hello">
    <h1>{{ msg }}</h1>

    <router-link to="/HomePage">
      <el-button>主体框架界面</el-button>
    </router-link>

    <router-link to="/Typography">
      <el-button>Typography 字体</el-button>
    </router-link>

    <router-link to="/Icon">
      <el-button>Icon 图标</el-button>
    </router-link>

    <router-link to="/DropDown">
      <el-button>DropDown 下拉列表</el-button>
    </router-link>

    <router-link to="/JsToJava">
      <el-button>java和js通信</el-button>
    </router-link>

    <router-link to="/ObtainData">
      <el-button>获取数据</el-button>
    </router-link>

    <router-link to="/ObtainUersData">
      <el-button>获取用户列表数据</el-button>
    </router-link>

    <router-link to="/UsingReusable">
      <el-button>复用组件</el-button>
    </router-link>

    <router-link to="/JumpPage">
      <el-button>跳转界面</el-button>
    </router-link>

  </div>
</template>


<script>
  export default {
    name: 'HelloWorld',
    data() {
      return {
        msg: 'Welcome to Your Vue.js App',
      }
    }
  }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

</style>
